<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:composition template="layout.xhtml">

        <ui:define name="body">

            <br/>
            <h3 class="title">Prefeitura</h3>
            <h:form id="form" enctype="multipart/form-data">

                <p:growl id="messages" showDetail="false" autoUpdate="true" /> 

                <p:panel id="personPanel" styleClass="container_24 clearfix both withoutBorder prefeituraDadosGerais" style="margin-right: 0; float: left">
                    <h4 class="title">Dados Gerais</h4>

                    <p:outputLabel value="Nome" styleClass="grid_4" for="nome" />
                    <p:inputText id="nome" value="#{managerPrefeitura.prefeitura.nome}" 
                                 required="true" styleClass="grid_19" />
                    <div class="clear"/>

                    <p:outputLabel value="Prefeito(a)" styleClass="grid_4" for="prefeito" />
                    <p:inputText id="prefeito" value="#{managerPrefeitura.prefeitura.prefeito}" styleClass="grid_19" />
                    <div class="clear"/>

                    <p:outputLabel value="Secretário(a) da Fazenda" styleClass="grid_4" for="secretarioFazenda" />
                    <p:inputText id="secretarioFazenda" value="#{managerPrefeitura.prefeitura.secretarioFazenda}" styleClass="grid_19"
                                 required="true" />
                    <div class="clear"/>

                    <p:outputLabel value="Site" styleClass="grid_4" for="site" />
                    <p:inputText id="site" value="#{managerPrefeitura.prefeitura.site}" styleClass="grid_19"/>
                    <div class="clear"/><br/>
                </p:panel>

                <p:panel id="logoPanel" styleClass="container_24 clearfix both prefeituraBrasao" 
                         style="margin-left: 0; margin-right: 0; float: left; height: 235px">

                    <h4 class="title">Brasão</h4>

                    <p:panel styleClass="thumbnail" style="margin-top: -30px; margin-left: 30px">

                        <div style="width: 118%">
                            <p:commandButton id="removeButton" alt="Remover" styleClass="ui-button-only button-remove"
                                             icon="ui-icon-trash" update=":form:logoPanel" process=":form:logoPanel"
                                             rendered="#{managerPrefeitura.habilitaRemoverBrasao()}"
                                             actionListener="#{managerPrefeitura.removerBrasao}"/>
                            <p:commandButton id="addButton" alt="Anexar" styleClass="ui-button-only button-edit"
                                             icon="ui-icon-pencil" process="@this"
                                             onclick="$('#form\\:fileUpload_input').click();"/>
                            <p:commandButton id="restaurarButton" alt="Restaurar" styleClass="ui-button-only logoPrefeitura"
                                             icon="ui-icon-newwin" 
                                             rendered="#{managerPrefeitura.prefeitura.logo.editado and managerPrefeitura.prefeitura.logo.id ne null}"
                                             onclick="dlgRestImagem.show()">
                                <f:setPropertyActionListener target="#{managerImagem.idAnexo}" value="#{managerPrefeitura.prefeitura.logo.id}"/>
                            </p:commandButton>
                        </div>

                        <div class="my-simple-gallery" >
                            <div>
                                <figure itemprop="associatedMedia" class="grid_24" onclick="initPhoto(); habilitaEdicaoImagem();">
                                    <a href="#{managerImagem.urlImagem(managerPrefeitura.prefeitura.logo)}" 
                                       itemprop="contentUrl" data-size="#{managerImagem.widthHeight(managerPrefeitura.prefeitura.logo)}"
                                       pid="#{managerPrefeitura.prefeitura.logo.id}">
                                        <img src="#{managerImagem.urlThumbnailImagem(managerPrefeitura.prefeitura.logo)}" 
                                             itemprop="thumbnail" class="image"/>
                                    </a>
                                    <figcaption itemprop="caption description">#{a.nomeExibicao}</figcaption>
                                </figure>
                            </div>
                        </div>
                    </p:panel>

                    <p:fileUpload id="fileUpload" mode="advanced" label="Anexar" 
                                  style="float: right; visibility: hidden"
                                  fileUploadListener="#{managerPrefeitura.adicionarBrasao}"
                                  multiple="false" auto="true"
                                  allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
                                  dragDropSupport="false"
                                  invalidFileMessage="Tipo de arquivo não suportado."
                                  invalidSizeMessage="Tamanho do arquivo não é suportado"
                                  immediate="true" styleClass="logoPrefeitura"
                                  update=":form:logoPanel" 
                                  required="true" 
                                  />
                </p:panel>

                <p:panel id="secretariaPanel" styleClass="container_24 clearfix both withoutBorder prefeituraDadosGerais" 
                         style="margin-right: 0; float: left; margin-top: -25px">

                    <h4 class="title">Secretaria de Regularização Fundiária</h4>

                    <p:outputLabel value="Nome" styleClass="grid_4" for="nomeSecretaria" />
                    <p:inputText id="nomeSecretaria" value="#{managerPrefeitura.prefeitura.secretariaRegularizacaoFundiaria}"
                                 styleClass="grid_19" required="true"  />
                    <div class="clear-both" />

                    <p:outputLabel value="Secretário(a)" styleClass="grid_4" for="nomeSecretario" />
                    <p:inputText id="nomeSecretario" value="#{managerPrefeitura.prefeitura.secretarioRegularizacaoFundiaria}"
                                 styleClass="grid_19" required="true"  />

                    <div class="clear-both" />

                </p:panel>

                <p:panel id="logoSecretariaPanel" styleClass="container_24 clearfix both withoutBorder prefeituraBrasao" 
                         style="margin-left: 0; margin-right: 0; float: left; margin-top: -25px; height: 215px">

                    <h4 class="title">Logo</h4>

                    <p:panel styleClass="thumbnail" style="margin-top: -30px; margin-left: 30px">

                        <div style="width: 118%">
                            <p:commandButton id="removeLogButton" alt="Remover" styleClass="ui-button-only button-remove"
                                             icon="ui-icon-trash" update=":form:logoSecretariaPanel" process=":form:logoSecretariaPanel"
                                             rendered="#{managerPrefeitura.habilitaRemoverLogo()}"
                                             actionListener="#{managerPrefeitura.removerLogoRegularizacaoFundiaria}"/>
                            <p:commandButton id="addLogoButton" alt="Anexar" styleClass="ui-button-only button-edit"
                                             icon="ui-icon-pencil"  process="@this"
                                             onclick="$('#form\\:fileUploadLogo_input').click();"/>
                            <p:commandButton id="restaurarButton2" alt="Restaurar" styleClass="ui-button-only logoPrefeitura"
                                             icon="ui-icon-newwin" 
                                             rendered="#{managerPrefeitura.prefeitura.logoRegularizacaoFundiaria.editado and managerPrefeitura.prefeitura.logoRegularizacaoFundiaria.id ne null}"
                                             onclick="dlgRestImagem.show()">
                                <f:setPropertyActionListener target="#{managerImagem.idAnexo}" value="#{managerPrefeitura.prefeitura.logoRegularizacaoFundiaria.id}"/>
                            </p:commandButton>
                        </div>
                        <div class="my-simple-gallery" >
                            <div>
                                <figure itemprop="associatedMedia" class="grid_24" onclick="initPhoto(); habilitaEdicaoImagem();">
                                    <a href="#{managerImagem.urlImagem(managerPrefeitura.prefeitura.logoRegularizacaoFundiaria)}" 
                                       itemprop="contentUrl" data-size="#{managerImagem.widthHeight(managerPrefeitura.prefeitura.logoRegularizacaoFundiaria)}"
                                       pid="#{managerPrefeitura.prefeitura.logoRegularizacaoFundiaria.id}">
                                        <img src="#{managerImagem.urlThumbnailImagem(managerPrefeitura.prefeitura.logoRegularizacaoFundiaria)}" 
                                             itemprop="thumbnail" class="image"/>
                                    </a>
                                    <figcaption itemprop="caption description">#{a.nomeExibicao}</figcaption>
                                </figure>
                            </div>
                        </div>

                    </p:panel>

                    <p:fileUpload id="fileUploadLogo" mode="advanced" label="Anexar" 
                                  style="float: right; visibility: hidden"
                                  fileUploadListener="#{managerPrefeitura.adicionarLogoRegularizacaoFundiaria}"
                                  multiple="false" auto="true"
                                  allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
                                  dragDropSupport="false"
                                  invalidFileMessage="Tipo de arquivo não suportado."
                                  invalidSizeMessage="Tamanho do arquivo não é suportado"
                                  immediate="true" styleClass="logoPrefeitura"
                                  update=":form:logoSecretariaPanel" 
                                  required="true" 
                                  />
                </p:panel>

                <div class="clear"/>

                <p:panel id="engenheiroPanel" styleClass="container_24 clearfix both withoutBorder" style="margin-top: -10px">

                    <h4 class="title">Engenheiro(a) Agrimensor(a)</h4>

                    <p:outputLabel value="Nome" styleClass="grid_3" for="nomeEngenheiro"/>
                    <p:inputText id="nomeEngenheiro" value="#{managerPrefeitura.prefeitura.nomeEngenheiroAgrimensor}"
                                 styleClass="grid_13" required="true" />

                    <p:outputLabel value="CREA" styleClass="grid_2 alpha" for="creaEngenheiro"/>
                    <p:inputText id="creaEngenheiro" value="#{managerPrefeitura.prefeitura.creaEngenheiroAgrimensor}"
                                 styleClass="grid_5" required="true" />
                    <div class="clear-both" />
                </p:panel>

                <p:panel id="departamentoTerrasPanel" styleClass="container_24 clearfix both withoutBorder" >
                    <h4 class="title">Departamento de Terras</h4>

                    <p:outputLabel value="Diretor(a)" styleClass="grid_3" for="nomeDiretora" />
                    <p:inputText id="nomeDiretora" value="#{managerPrefeitura.prefeitura.nomeDiretoraDepartamentoTerras}"
                                 styleClass="grid_20" required="true" />
                    <div class="clear-both" />

                </p:panel>
                <div class="clear-both"/>

                <p:panel id="cepPanel" styleClass="container_24 clearfix both">

                    <h4 class="title">Endereço</h4>

                    <p:outputLabel value="CEP" styleClass="grid_3" for="cepInputMask" />
                    <p:inputMask  id="cepInputMask" styleClass="grid_4" mask="99.999-999"
                                  value="#{managerPrefeitura.prefeitura.endereco.cep}"> 
                        <p:ajax event="blur" listener="#{managerPrefeitura.existeEndereco()}" />
                    </p:inputMask>
                </p:panel>

                <p:panel id="enderecoPanel" styleClass="container_24 clearfix both" style="margin-top: -13px">

                    <p:outputLabel value="Estado" styleClass="grid_3" for="estadoAutocomplete" />
                    <p:autoComplete id="estadoAutocomplete" styleClass="grid_7" dropdown="true" converter="estadoconverter"
                                    var="estado" itemLabel="#{estado.nome.toString().concat(' - ').concat(estado.sgl)}"
                                    itemValue="#{estado}" value="#{managerUtilitario.estado}"
                                    scrollHeight="200" forceSelection="true"
                                    required="true" 
                                    completeMethod="#{managerUtilitario.autocompleteEstado}">

                        <p:ajax event="itemSelect" update=":form:cidadeAutocomplete :form:bairroAutocomplete"
                                listener="#{managerPrefeitura.limparCidade(managerUtilitario.estado)}"/>

                        <p:ajax event="change" update=":form:cidadeAutocomplete :form:bairroAutocomplete"
                                listener="#{managerPrefeitura.limparCidade(managerUtilitario.estado)}"/>

                    </p:autoComplete>
                    <c:set id="setEstado" target="#{managerUtilitario}" property="estado" 
                           value="#{managerPrefeitura.prefeitura.endereco.bairroDne.cidade.estado}"/>

                    <p:outputLabel value="Cidade" styleClass="grid_3" for="cidadeAutocomplete" />
                    <p:autoComplete id="cidadeAutocomplete" styleClass="grid_10" dropdown="true" converter="cidadeconverter"
                                    var="cidade" itemLabel="#{cidade.nome}"
                                    itemValue="#{cidade}" value="#{managerUtilitario.cidade}"
                                    scrollHeight="200" forceSelection="true"
                                    required="true" 
                                    completeMethod="#{managerUtilitario.autocompleteCidadePorEstado}">

                        <p:ajax event="itemSelect" update=":form:bairroAutocomplete"
                                listener="#{managerPrefeitura.limparBairro(managerUtilitario.cidade)}"/>

                        <p:ajax event="change" update=":form:bairroAutocomplete"
                                listener="#{managerPrefeitura.limparBairro(managerUtilitario.cidade)}"/>

                    </p:autoComplete>
                    <c:set id="setCidade" target="#{managerUtilitario}" property="cidade" 
                           value="#{managerPrefeitura.prefeitura.endereco.bairroDne.cidade}"/>
                    <div class="clear"/>

                    <p:outputLabel value="Bairro" styleClass="grid_3" for="bairroAutocomplete" />
                    <p:autoComplete id="bairroAutocomplete" styleClass="grid_21" dropdown="true" converter="bairroconverter"
                                    var="bairro" itemLabel="#{bairro.nome}"
                                    itemValue="#{bairro}" value="#{managerPrefeitura.prefeitura.endereco.bairroDne}"
                                    scrollHeight="200" forceSelection="true"
                                    required="true" 
                                    completeMethod="#{managerUtilitario.autocompleteBairroPorCidade}"/>
                    <div class="clear"/>

                    <p:outputLabel value="Logradouro" styleClass="grid_3 logradouroLabelContribuinte" for="patioInputText" />
                    <p:inputText id="patioInputText" styleClass="grid_20" 
                                 value="#{managerPrefeitura.prefeitura.endereco.logradouro}" />
                    <div class="clear"/>

                    <p:outputLabel value="Número: " styleClass="grid_3" for="numInputText" />
                    <p:inputText id="numInputText" styleClass="grid_4"
                                 value="#{managerPrefeitura.prefeitura.endereco.numero}" />

                    <p:outputLabel value="Complemento: " styleClass="grid_4 alpha" for="complementInputText" />
                    <p:inputText id="complementInputText" styleClass="grid_12" 
                                 value="#{managerPrefeitura.prefeitura.endereco.compl}" />

                </p:panel>
                <div class="clear-both" />

                <p:panel id="bancoPanel" styleClass="container_24 clearfix both withoutBorder">

                    <h4 class="title">Dados Bancários</h4>

                    <p:outputLabel value="Banco" styleClass="grid_3" for="banco" />
                    <div class="grid_8">
                        <p:selectOneMenu id="banco" panelStyle="width:150px;" 
                                         value="#{managerPrefeitura.prefeitura.banco}">
                            <f:selectItems value="#{managerUtilitario.bancos}"/>
                        </p:selectOneMenu> 
                    </div>

                    <p:outputLabel value="Conta" styleClass="grid_4" for="conta" />
                    <p:inputText id="conta" styleClass="grid_8" required="true" 
                                 value="#{managerPrefeitura.prefeitura.bancoConta}" />
                    <div class="clear-both"/>

                    <p:outputLabel value="Agência" styleClass="grid_3" for="agencia" />
                    <p:inputText id="agencia" styleClass="grid_8" required="true" 
                                 value="#{managerPrefeitura.prefeitura.bancoAgencia}" />

                    <p:outputLabel value="Convênio" styleClass="grid_4 alpha" for="convenio" />
                    <p:inputText id="convenio" styleClass="grid_8" required="true" 
                                 value="#{managerPrefeitura.prefeitura.bancoNumeroConvenio}" />

                    <p:outputLabel value="Carteira" styleClass="grid_3" for="carteira" />
                    <p:inputText id="carteira" styleClass="grid_8" 
                                 value="#{managerPrefeitura.prefeitura.bancoCarteira}" />

                    <p:outputLabel value="Cód. FEBRABAN" styleClass="grid_4 alpha" for="codFebraban" />
                    <p:inputText id="codFebraban" styleClass="grid_8" required="true" 
                                 value="#{managerPrefeitura.prefeitura.codigoFebraban}" />

                </p:panel>
                <div class="clear-both" />

                <p:panel id="mapaPanel" styleClass="container_24 clearfix both withoutBorder">

                    <h4 class="title">Mapa</h4>


                    <p:outputLabel value="Desabilitar" styleClass="grid_3" for="mapa" />
                    <p:selectOneButton id="mapa" styleClass="grid_6 selectOneButton" value="#{managerPrefeitura.prefeitura.desabilitarMapas}">
                        <f:selectItem itemValue="true" itemLabel="Sim"/>
                        <f:selectItem itemValue="false" itemLabel="Não"/>
                    </p:selectOneButton>
                    <div class="clear"/>

                    <p:outputLabel value="Centro" styleClass="grid_3" for="centro" />
                    <p:inputText id="centro" styleClass="grid_8" required="true" 
                                 value="#{managerPrefeitura.prefeitura.centroMapa}" />

                    <p:outputLabel value="Zoom" styleClass="grid_4 alpha" for="zoomMapa" />
                    <p:inputText id="zoomMapa" styleClass="grid_8" required="true" 
                                 value="#{managerPrefeitura.prefeitura.zoomMapa}" />
                </p:panel>

                <br/>   
                <p:hotkey bind="ctrl+s" update="@form" actionListener="#{managerPrefeitura.salvar()}"/>
                <div class="buttonAction">
                    <p:commandButton value="Salvar" icon="ui-icon-disk" update="@form" 
                                     actionListener="#{managerPrefeitura.salvar()}"
                                     styleClass="ui-priority-primary" />

                    <p:button href="index.xhtml" value="Cancelar" icon="ui-icon-trash" />
                </div>
            </h:form>

            <script language="JavaScript" type="text/javascript">
                function fileUpload(){
                    $("#form\\:fileUpload_input").click();
                };
            </script>
            <style>
                .vdh-mask.vdh-153088047{
                    display: none;
                }
            </style>
        </ui:define>
    </ui:composition>
</html>
